<div class="layui-form" lay-filter="layuiadmin-form-tags" id="layuiadmin-app-form-tags">
	<blockquote class="layui-elem-quote">书单基本信息</blockquote>
  <div class="layui-form-item">
    <label class="layui-form-label">书单标题：</label>
    <div class="layui-input-inline" style="width: 80%;">
      <script type="text/html" template>
        <input type="text" name="title" value="{{ d.params.title || '' }}" lay-verify="required" autocomplete="off"  placeholder="请输入书单标题" class="layui-input">
        <input type="hidden" name="id" value="{{ d.params.id || '' }}" class="layui-input">
      </script>
    </div>
  </div>
	<div class="layui-form-item">
	  <label class="layui-form-label">书单列表页封面：</label>
	  <div class="layui-input-inline">
	    <script type="text/html" template>
	          <button type="button" class="layui-btn" id="add-goods-upload-btn">
	            <i class="layui-icon">&#xe67c;</i>上传图片
	          </button>
	          <div class="layui-upload-list">
	            <img class="layui-upload-img" src="{{ d.params.list_image || '' }}" id="add-goods-upload-img" style="width: 200px;">
	            <input type="hidden" name="list_image" value="{{ d.params.list_image || '' }}" id="add-goods-upload-image" required lay-verify="required" class="layui-input">
	          </div>
	          <p>图片宽高比为：126:87</p>
	    </script>
	  </div>
	</div>
	<div class="layui-form-item">
	  <label class="layui-form-label">书单详情页封面：</label>
	  <div class="layui-input-inline">
	    <script type="text/html" template>
	          <button type="button" class="layui-btn" id="add-goods-upload-btn1">
	            <i class="layui-icon">&#xe67c;</i>上传图片
	          </button>
	          <div class="layui-upload-list">
	            <img class="layui-upload-img" src="{{ d.params.detail_image || '' }}" id="add-goods-upload-img1" style="width: 200px;">
	            <input style="display: none;" name="detail_image" value="{{ d.params.detail_image || '' }}" id="add-goods-upload-image1" required lay-verify="required" class="layui-input">
	          </div>
	          <p>图片宽高比为：375:200</p>
	    </script>
	  </div>
	</div>
	<div class="layui-form-item">
      <label class="layui-form-label">是否推荐到首页：</label>
      <div class="layui-input-inline">
        <script type="text/html" template>
            <input type="radio" name="is_homepage" value="0" {{ d.params.is_homepage === 0 ? 'checked' : '' }} title="否">
	      	<input type="radio" name="is_homepage" value="1" {{ d.params.is_homepage === 1 ? 'checked' : '' }} title="是">
        </script>
      </div>
    </div>
	<div class="layui-form-item">
    <label class="layui-form-label">设置排序：</label>
    <div class="layui-input-inline">
      <script type="text/html" template>
        <input type="text" name="sort" value="{{ d.params.sort || '' }}" lay-verify="required" autocomplete="off"  placeholder="请输入排序" class="layui-input">
      </script>
    </div>
  </div>
  <blockquote class="layui-elem-quote">书单下的书</blockquote>
  <div class="order-bottom">
  	<div class="order-search">
  		<span style="float: left;margin-top: 10px;">搜索要添加的书：</span><input style="width:300px;float: left;" type="text" id="search_name" value="" placeholder="搜索书名、作者、ISBN" class="layui-input">
  	</div>
  	<ul id="book_list">

  	</ul>
  </div>
    <ul class="add-content" id="add-content">
  	</ul>
  <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <div class="layui-input-inline" style="width: 90%;">
      <input type="button" lay-submit style="margin-left: 300px;" lay-filter="layuiadmin-app-tags-submit" value="保存提交" class="layui-btn">
    </div>
  </div>
</div>
<style type="text/css">
	.add-content{
		width:90%;
		max-height: 500px;
		overflow: auto;
		margin: 0 auto;
	}
	.add-content li{
		height: auto;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		clear: both;
		cursor: pointer;		
	}
	.add-content li .add-top{
		width: 100%;
		height: 110px;
		clear: both;
		margin-bottom: 5px;
	}
	.add-content li .add-top img{
		width: 82px;
		height: 110px;
		display: block;
		margin-right: 20px;
		float: left;
	}
	.add-content li .add-top .add-left{
		width: 50%;
		height: 110px;
		float: left;
	}
	.add-content li .add-top .layui-btn1{
		float: right;
		margin-top: 40px;
	}
	.layui-form-label {width: 120px;}
	.order-bottom{
		width: 90%;
		max-height: 500px;
		margin: 0 auto;
		position: relative;
		height: 40px;
		margin-bottom: 10px;
	}
	.order-bottom ul{
		width: 42%;
		max-height: 500px;
		overflow: auto;
		position: absolute;
		left: 440px;
		top: 0px;
		z-index: 10;
		background: #f0f0f0;
	}
	.order-bottom ul li{
		width: 98%;
		height: 110px;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		clear: both;
		cursor: pointer;
	}
	.order-bottom ul li img{
		width: 82px;
		height: 110px;
		display: block;
		margin-right: 20px;
		float: left;
	}
	.order-bottom ul li div{
		width: 80%;
		height: 110px;
		float: left;
	}
</style>